<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
    <link rel="stylesheet" href="../css/me.css">
</head>

<body>
    <header>
        <nav>
            <div class="backBox">
                <a href="../pages/index.html">Back</a>
            </div>
            <div class="titleBox">
                我的
            </div>
            <div class="emailBox">
                <i class="iconfont icon-youxiang"></i>
                <span>2</span>
            </div>
        </nav>
    </header>
    <main>
        <!-- 头像区 -->
        <div class="portraitBox">
            <div class="imageBox">
                <img src="../image/me/头像.png" alt="">
            </div>
            <span>点击登录</span>
            <span>常居地未设置</span>
            <span>&gt;</span>
        </div>
        <!-- 我的点评、收藏、优惠券区 -->
        <div class="mysBox">
            <div class="circle">
                <i class="iconfont icon-idea-full"></i>
                <span>我的点评</span>
            </div>
            <div class="circle">
                <i class="iconfont icon-shoucangjia"></i>
                <span>我的收藏</span>
            </div>
            <div class="circle">
                <i class="iconfont icon-youhuiquan"></i>
                <span>我的优惠券</span>
            </div>
        </div>
        <div class="wallet">
            <i class="iconfont icon-qiandai"></i>
            <span>我的钱包</span>
            <span>更多<i class="iconfont icon-xiangyou3"></i></span>
        </div>
        <div class="wallet">
            <i class="iconfont icon-idea-full"></i>
            <span>待点评</span>
            <span>更多<i class="iconfont icon-xiangyou3"></i></span>
        </div>
        <div class="wallet">
            <i class="iconfont icon-chazhaoyonghu"></i>
            <span>找好友</span>
            <span>更多<i class="iconfont icon-xiangyou3"></i></span>
        </div>
        <div class="wallet">
            <i class="iconfont icon-zuji"></i>
            <span>我的足迹</span>
            <span>更多<i class="iconfont icon-xiangyou3"></i></span>
        </div>
        <div class="wallet">
            <i class="iconfont icon-banshou_Line"></i>
            <span>设置</span>
            <span>更多<i class="iconfont icon-xiangyou3"></i></span>
        </div>
        <div class="wallet">
            <i class="iconfont icon-dianhua"></i>
            <span>联系</span>
            <span>更多<i class="iconfont icon-xiangyou3"></i></span>
        </div>
        <div class="btnBox">
            <button>退出</button><button>注销</button>
        </div>
        <!-- 一个高度和footer一样的盒子 -->
        <div class="empty"></div>
    </main>
    <footer>
        <!-- 底部导航栏 -->
        <ul>
            <!-- 首页 -->
            <li>
                <a href="./index.html">
                    <i class="iconfont icon-shouye-xianxing"></i><span>首页</span>
                </a>
            </li>
            <!-- 分类 -->
            <li>
                <a href="./classify.html">
                    <i class="iconfont icon-fenleiorguangchangorqita"></i><span>分类</span>
                </a>
            </li>
            <!-- 发现 -->
            <li>
                <a href="./find.html">
                    <i class="iconfont icon-hanhan-01-01"></i><span>发现</span>
                </a>
            </li>
            <!-- 我的 -->
            <li>
                <a href="./me.html">
                    <i class="iconfont icon-profilec"></i><span>我的</span>
                </a>
            </li>
        </ul>
    </footer>
</body>

</html>